<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.header {
				height: 93px;
				border-top: 5px solid #484442;
				background: #fff;
			}

			.center {
				width: 1200px;
				margin: 0 auto;
			}

			.ani-bg,
			.ani-bg:hover {
				transition-property: background;
				transition-duration: .3s;
			}

			.m-t-17 {
				margin-top: 17px;
			}

			.icon-logo {
				width: 57px;
				height: 57px;
				border-radius: 57px;
				background-color: #d93732;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				background: url(img/bgr.png);
			}

			.fl {
				float: left;
			}

			.icon-logo a {
				display: inline-block;
				width: 57px;
				height: 57px;
				text-indent: -10000px;
				overflow: hidden;
			}

			a,
			a:active,
			a:focus,
			a:hover {
				text-decoration: none;
				outline: 0;
			}

			a {
				color: #333;
				-o-transition-property: color;
				-o-transition-duration: .3s;
				-moz-transition-property: color;
				-moz-transition-duration: .3s;
				transition-property: color;
				transition-duration: .3s;
			}

			.header .category {
				width: 133px;
				margin: 0 0 0 17px;
				padding-top: 28px;
				height: 65px;
				border-top: 5px solid #484442;
				position: relative;
				top: -5px;
			}

			.tc {
				text-align: center;
			}

			.header .category>a {
				display: inline-block;
				padding: 0 10px;
			}

			.lh2 {
				line-height: 2;
			}

			.f16 {
				font-size: 16px;
			}

			.m-l-5 {
				margin-left: 5px;
			}

			.icon-list {
				width: 14px;
				height: 12px;
				background-position: -205px 0;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url(img/bgr.png);
			}

			element.style {
				display: none;
			}

			.category-pop {
				position: absolute;
				top: 93px;
				left: 0;
				width: 133px;
				border-top: 2px solid #f1ea8b;
				background: #fff9aa;
				z-index: 100;
				box-shadow: 2px 2px 4px 1px #e2e2e2;
				border-radius: 2px;
			}

			.category-pop a {
				display: block;
				line-height: 1;
				padding: 15px 0;
				border-top: 1px solid #f7f19d;
			}

			.category-pop a.last {
				padding: 8px 0;
			}

			.m-t-28 {
				margin-top: 28px;
			}

			.rel {
				position: relative;
			}

			.header .nav a.fst {
				margin-left: 21px;
				cursor: pointer;
			}

			.header .nav a {
				display: inline-block;
				margin-left: 45px;
			}

			.header .operate {
				margin-left: 84px;
				margin-right: 16px;
			}

			.m-t-31 {
				margin-top: 31px;
			}

			.fr {
				float: right;
			}

			.header .operate>a {
				display: inline-block;
				border: 2px solid #e9e9e9;
				width: 28px;
				height: 28px;
				border-radius: 32px;
			}

			.m-7 {
				margin: 7px;
			}

			.icon-user {
				width: 14px;
				height: 14px;
				background-position: -149px 0;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url(img/bgr.png);
			}

			.m-l-5 {
				margin-left: 5px;
			}

			.header .operate>a i.icon-cart {
				margin: 7px 5px;
			}

			.icon-cart {
				width: 17px;
				height: 14px;
				background-position: -164px 0;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url(img/bgr.png);
			}

			.header .cart-count {
				position: absolute;
				right: -3px;
				top: -3px;
				width: 15px;
				height: 15px;
				text-align: center;
				line-height: 15px;
				background: #d93732;
				color: #fff;
				border-radius: 15px;
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
			}

			.header .user-signin {
				width: 152px;
				left: -60px;
			}

			.header .user-box {
				position: absolute;
				top: 48px;
				border: 1px solid #ececec;
				z-index: 1;
				background: #fff;
				padding: 30px 0;
			}

			.header .user-signin i.icon-operate {
				position: absolute;
				left: 50%;
				top: -3px;
				margin-left: -7px;
			}

			.icon-operate {
				width: 14px;
				height: 6px;
				background-position: -118px 0;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url(img/bgr.png);
			}

			dd,
			dl,
			dt,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			li,
			ol,
			p,
			ul {
				margin: 0;
				padding: 0;
			}

			dl {
				display: block;
				margin-block-start: 1em;
				margin-block-end: 1em;
				margin-inline-start: 0px;
				margin-inline-end: 0px;
			}

			.header .user-box dt {
				margin-bottom: 10px;
			}

			.f-b28850 {
				color: #b28850;
			}

			dt {
				display: block;
			}

			dd {
				display: block;
				margin-inline-start: 40px;
			}

			.header .user-cart {
				width: 296px;
				padding: 20px 30px;
				right: -18px;
			}

			element.style {
				z-index: 1;
				display: none;
			}

			.header .user-cart i.icon-operate {
				position: absolute;
				right: 25px;
				top: -3px;
			}

			.icon-operate {
				width: 14px;
				height: 6px;
				background-position: -118px 0;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url(img/bgr.png);
			}

			.p-y-20 {
				padding: 20px 0;
			}

			.f-999 {
				color: #999;
			}

			.f12 {
				font-size: 12px;
			}

			p {
				display: block;
				margin-block-start: 1em;
				margin-block-end: 1em;
				margin-inline-start: 0px;
				margin-inline-end: 0px;
			}

			.header .search {
				width: 237px;
				height: 31px;
				border: 1px solid #e6e6e6;
				border-radius: 31px;
			}

			.m-t-31 {
				margin-top: 31px;
			}

			.fr {
				float: right;
			}

			.header .search input {
				display: inline-block;
				border: none;
				width: 186px;
				height: 29px;
				line-height: 29px;
				padding: 0;
				margin: 0;
				margin-left: 15px;
			}

			input {
				outline: 0;
			}

			.m-l-5 {
				margin-left: 5px;
			}

			.icon-search {
				width: 15px;
				height: 14px;
				background-position: -133px 0;
			}

			.icon-bgr {
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url(img/bgr.png);
			}
		</style>
	</head>
	<body>
		<div class="header">
			<div class="center">
				<div class="logo icon-bgr icon-logo ani-bg fl m-t-17"><a href="/">礼无忧首页</a></div>
				<div class="category tc fl" id="category">
					<a href="#" class="f16 lh2">礼物分类<i class="icon-bgr icon-list m-l-5"></i></a>
					<div id="category_pop" class="category-pop tc dn">
						<a href="category.php?id=41">节日礼物</a>
						<a href="category.php?id=27">送礼场合</a>
						<a href="category.php?id=23">送礼对象</a>
						<a href="category.php?id=139">礼物分类</a>
						<a href="category.php?id=20">生日礼物</a>
						<a href="category.php?id=49">送女朋友/老婆</a>
						<a href="category.php?id=62">送男朋友/老公</a>
						<a href="category.php?id=384">产品分类</a>
						<a href="category.php?id=63">商务礼物</a>
						<a href="category.php?id=64">个性定制</a>
						<a href="category.php?id=234">创意生活</a>
						<a href="category.php?id=296">十二星座礼物</a>
						<a class="last">&nbsp;</a>
					</div>
				</div>
				<div class="nav fl f16 lh2 m-t-28 rel">
					<a class="fst" id="gift_guide">送礼导航</a>
					<!--
		        --><a href="/category.php?id=234">创意礼物</a>
					<!--
		        --><a href="/search.php?page=1&sort=goods_id&order=DESC#goods_list">新品上架</a>
					<!--
		        --><a href="/category.php?id=124">六一儿童节礼物</a>
					<!--
		        <img src="themes/pc/images/christ_icon.png?v20170106" class="dib christ-icon">-->
				</div>

				<div class="operate fr m-t-31 rel" id="user_operate">
					<a href="user.php" id="nav_user"><i class="icon-bgr icon-user m-7 ani-bg"></i></a>
					<a href="flow.php" class="m-l-5" id="nav_cart"><i class="icon-bgr icon-cart ani-bg"></i><span
							class="cart-count" id="cart_count">0</span></a>
					<div class="user-box user-signin dn" id="nav_user_box">
						<i class="icon-bgr icon-operate"></i>
						<dl class="tc">
							<dt class="f-b28850"><a class="f-b28850" href="/user.php?act=login">登录</a> / <a
									class="f-b28850" href="/user.php?act=register">注册</a></dt>
							<dd class="lh2"><a href="/history.php">浏览历史</a></dd>
							<dd class="lh2"><a href="/user.php?act=order_list">我的订单</a></dd>
							<dd class="lh2"><a href="/user.php?act=collection_list">我的收藏</a></dd>

						</dl>
					</div>
					<div class="user-box user-cart dn" id="nav_cart_box">
						<i class="icon-bgr icon-operate"></i>
						<table class="f12">
							<!-- <tr class="gds"><td width="25%"><a href="javascript:void(0)"><img src="themes/pc/images/test_cart.png"></a></td><td class="overtxt" width="50%"><a href="javascript:void(0)">我心守护 礼物颜色:红色</a><br>个性定制：直接购买</td><td class="tr" width="25%">X1<br>¥199.0<br><a href="javascript:void(0)">删除</a></td></tr>
					                <tr class="gds"><td width="25%"><a href="javascript:void(0)"><img src="themes/pc/images/test_cart.png"></a></td><td class="overtxt" width="50%"><a href="javascript:void(0)">我心守护 礼物颜色:红色</a><br>个性定制：直接购买</td><td class="tr" width="25%">X1<br>¥199.0<br><a href="javascript:void(0)">删除</a></td></tr>
					                 -->
							<tr>
								<td colspan="3">
									<div class="clear m-t-10"><span class="fl">共计0件商品<br><b>合计：<span
													class="f-d93732">0</span>元</b></span><a href="flow.php"
											class="fr btn-red-sml ani-bg">去购物车结算</a></div>
								</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="search fr m-t-31">
					<input type="text" name="search" id="head-search"><a href="javascript:void(0)"
						class="icon-bgr icon-search m-l-5" id="head-searchbtn"></a>
				</div>
			</div>
		</div>
		<div class="query-box query-box-nav dn" id="gift_guide_box">
			<div class="center">
				<div class="clear">
					<div class="query fl f12">
						<dl class="clear b-b-1">
							<dt class="fl p-y-10">送给谁：</dt>
							<dd class="fl p-y-10">
								<a href="javascript:void(0)" class="group-who">不限</a>
								<a href="javascript:void(0)" class="group-who">公主女票</a>
								<a href="javascript:void(0)" class="group-who">欧巴男票</a>
								<a href="javascript:void(0)" class="group-who">潮爸辣妈</a>
								<a href="javascript:void(0)" class="group-who">兄弟闺蜜</a>
								<a href="javascript:void(0)" class="group-who">熊孩子</a>
								<a href="javascript:void(0)" class="group-who">生意伙伴</a>
								<a href="javascript:void(0)" class="group-who">致谢恩师</a>
								<a href="javascript:void(0)" class="group-who"></a>
							</dd>
						</dl>
						<dl class="clear">
							<dt class="fl p-y-10">为啥送：</dt>
							<dd class="fl p-y-10">
								<a href="javascript:void(0)" class="group-why">不限</a>
								<a href="javascript:void(0)" class="group-why">表白撩妹</a>
								<a href="javascript:void(0)" class="group-why">过生日</a>
								<a href="javascript:void(0)" class="group-why">圣诞节</a>
								<a href="javascript:void(0)" class="group-why">情人节</a>
								<a href="javascript:void(0)" class="group-why">去求婚</a>
								<a href="javascript:void(0)" class="group-why">纪念日</a>
								<a href="javascript:void(0)" class="group-why">想送任性</a>
							</dd>
						</dl>
						<!--<dl class="clear b-b-1"><dt class="fl p-y-10">送给谁：</dt><dd class="fl p-y-10"><a href="javascript:void(0)" class="focus">女朋友／老婆</a><a href="javascript:void(0)">男朋友／老公</a><a href="javascript:void(0)">父母</a><a href="javascript:void(0)">长辈</a><a href="javascript:void(0)">客户</a><a href="javascript:void(0)">老师</a><a href="javascript:void(0)">好基友</a><a href="javascript:void(0)">闺蜜</a></dd></dl>-->
					</div>
					<!--<span class="fr f16 f-808080 m-t-17 m-r-60">全国8000个城市<br>3小时免费送达</span>-->
				</div>
				<div class="btnbox"><a href="javascript:void(0)" class="f12 btn-red-sml ani-bg navigation-search">搜索</a>
				</div>
			</div>
		</div>
	</body>
</html>
